Словарь терминов

Семантическая разметка

Семантическая разметка — грамотно составленный контент с HTML-элементами форматирования.

Семантика определяет правила построения алгоритмического языка, который должен совпадать по смыслу с контентом. В зависимости от того, насколько качественно составлена семантическая разметка, зависит релевантность страницы, правильное отображение текста, машиночитаемость, автоматическое извлечение необходимой информации.

Использование HTML-тегов в семантической разметке

1. Теги <h1>-<h6> — выделяют заголовки, которые кратко разъясняют последующий за ними текст. Не имеет смысла заключать в один тег большой объем текста. Если основной заголовок заключается в <h1>, то следующий заголовок следует заключить в <h2>, не рекомендуется перескакивать с уровня на уровень и использовать <h3> сразу после <h1>. Благодаря правильной структуре построения, документ будет легкочитаемым для автоматических поисковиков.
2. Теги: <p> абзац, <ul> список, <ol> выделение текста (<b> и <strong> выделение полужирным шрифтом, <em> курсив, <u> подчеркивание), <alt> описание изображений.

Верстка разметки

Существует два метода верстки для семантической разметки: блочный и табличный.

Табличный метод верстки осуществляется на основе таблиц. В данном случае коды находятся в ячейках, что затрудняет их восприятие поисковиками. Недостаток данного метода состоит в том, что в табличных ячейках можно размещать только табличные данные (расчеты, статистические данные, расписание и т. д.). Однако встречается данный метод довольно часто, так как он прост в использовании.

Блочная верстка в современном программировании используется чаще. При этом контент заключен в блоки <div> , которым присваиваются css-стили.

Применение

Семантическая разметка имеет ряд преимуществ:

1. повышаются визуальные качества, при отсутствии изображений страница не потеряет свою структуру;
2. уменьшается размер страниц сайта, что позволяет быстрее их загружать;
3. уровень индексации увеличивается, повышая тем самым релевантность при поисковых запросах.